@charset "utf-8";
// --- 引入函数定义 ---
@import "_function.scss";

// === 配置文件 ===

// 公共
$design-diagram: 720; //设计稿宽度（必须设置，影响 function.scss）

$page-bg-color: transparent; //产品页面基础底色（ 必须设置，影响 _initialization.scss ）

$border-color: #706776; //产品页面border基础颜色 （ 必须设置，影响 _mixture.scss ）

$font-color: #333; //产品页面文字基础颜色 （ 必须设置，影响 _public.scss、_initialization.scss ）

$img-src: "../image/"; //图标路径( 像对于css文件夹内的css 必须设置，影响 __mixture.scss )

$border-color-gray: #ddd; // 灰色边框线颜色  分割线颜色 （ 非必需 ）


// 自定义

//主题色
$blue-font-color: #3ba0f2;
//深黑
$blacks-font-color: #131313;
//
$black-dark-font-color: #333333;
//
$black-shallow-font-color: #666666;
//浅黑
$black-font-color: #4e4e4e;
// 灰色
$gray-font-color: #999999;
// 
$grays-font-color: #959595;

//字体大小
//标题
$font-title-size: pxToRem(36);
//主标题
$font-main-title-size: pxToRem(32);
//
$font-g-vice-title-size: pxToRem(30);
//副标题
$font-vice-title-size: pxToRem(28);
//
$font-g-text-title-size: pxToRem(26);
//正文
$font-text-title-size: pxToRem(24);
//最小
$font-small-title-size: pxToRem(20);

//边线
$font-line-color: #e8e8e8;



// 按钮不可点击
$disabled-bg-color: #675c70;
$disabled-font-color: #584f60;

$disabled-bg-light-color: #ff97a1;
$disabled-font-light-color: #fff2f6;

// 按钮触摸
$hover-bg-color: #ec4d5c;
$hover-font-color: #ff96a0;

// 按钮可点击
$active-bg-color: #ff5363;
$active-font-color: #fff;


// 红色
$color-rad: #ff0000; // ( 轮播分页器 )

// 粉红色
$color-radical-red: #ff5363; //  关注按钮 性别女bgcolor

// 藏青色
$color-ustream-blue: #1784ff; // 性别男bgcolor

// 深品红蓝
$color-quartz: #584f60; // ( win头部bgcolor 影响 public )




// --- 引入宏定义 ---
@import "_mixture.scss";

// --- 引入占位定义 ---
@import "_appoint.scss";

// --- 引入初始化文件 ---
@import "_initialization.scss";

// --- 引入公共样式 ---
@import "_public.scss";
